<template>
	<section>
		<div v-if="arrowType==1" class="rightArrowD1">
			<slot></slot>
		</div>
		<div v-if="arrowType==2" class="rightArrowD2">
			<slot></slot>
		</div>
	</section>
</template>

<script>
	//	import { homeGet } from '../common/comfn';
	//	import pull from '../common/pull.vue';
	export default {
		data() {
			return {}
		},
		props: ['type'],
		computed: {
			arrowType: function() {
				if(this.type) {
					return this.type
				} else {
					return 1
				}

			}
		},
		components: {},
		methods: {},
		created: function() {},
		mounted: function() {}
	}
</script>

<style scoped="scoped">
	.rightArrowD1 {
		background-color: #FFFFFF;
		padding-left: 0.15rem;
	}
	
	.rightArrowD1 p img,
	.rightArrowD1 p label {
		display: inline-block;
		vertical-align: middle;
	}
	
	.rightArrowD1 p {
		height: 0.5rem;
		padding-top: 0.15rem;
		background-image: url(../../static/img/rightArrowImg.png);
		background-repeat: no-repeat;
		background-position: 3.4rem center;
		background-size: auto 0.14rem;
		border-bottom: 1px solid #E8E8E8;
	}
	.rightArrowD1 p:last-child{
		border-bottom: none;
	}
	
	.rightArrowD1 p img:nth-child(1) {
		height: 0.16rem;
		margin-right: 0.1rem;
	}
</style>